/*
#box{
    width:200px;
    height:200px;
    position:relative;
    perspective:500;
    -webkit-perspective:500;
}
#box div{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:.#fff;
    -webkit-perspective:10000;
    backface-visibility:hidden;
    -webkit-transition: all 2s;
    -moz-transition: all 2s;
    -ms-transition: all 2s;
    -o-transition: all 2s;
}
#box .front{
    background:#f00;
}
#box .back{
    background:#00f;
    -webkit-transform:rotateY(-180deg);
}
#box:hover .front{
    -webkit-transform:rotateY(-180deg);
}
#box:hover .back{
    -webkit-transform:rotateY(-360deg);
}
*/

#box{
    /*width: 350px;
    height:200px;*/
    /*position:relative;*/
    /*perspective:500;
    -webkit-perspective:500;*/
}
#box div{
   /* position:absolute;
    top:0;
    left:0;*/
    /*width:100%;
    height:100%;*/
    /*background:#fff;*/
    -webkit-perspective:10000;
    backface-visibility:hidden;
    -webkit-transition: all 2s;
    -moz-transition: all 2s;
    -ms-transition: all 2s;
    -o-transition: all 2s;
}
#box .front{
    /*background:#f00;*/
}
#box .back{
    /*background:#00f;*/
    -webkit-transform:rotateY(-180deg);
}
#box:hover .front{
    -webkit-transform:rotateY(-180deg);
}
#box:hover .back{
    -webkit-transform:rotateY(-360deg);
}